//
// 小卡片组件，固定背景图、标题、单位
//

import React from 'react';
import './index.less';
interface propsParams {
  title?: string;
  unit?: string;
  className?: string;
  value?: any;
  url?: any;
}
export default function Boxes(props: propsParams) {
  const {
    title = '刀盘转速',
    unit = 'min',
    className = '',
    value = 24,
    url,
  } = props;
  return (
    <div className={`boxes ${className}`}>
      <div className="boxes-title">{title}</div>
      <div className="boxes-content">
        <div className="boxes-content-left">{value}</div>
        <div className="boxes-content-right">{'/' + unit}</div>
      </div>
      {url ? (
        <div className={`line ${url}`}>
          <div className="row"></div>
          <div className="col"></div>
        </div>
      ) : (
        ''
      )}
    </div>
  );
}
